<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>shop</title>

    <link rel="stylesheet" href="./libs/bootstrap-3.3.7-dist/css/bootstrap.min.css">

<script src="./libs/jquery-3.4.1.min.js"></script>
<script src="./libs/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./css/commmon.css">
  <link rel="stylesheet" href="./css/index.css">
<script src="./js/utils.js"></script>

</head>
<body>
    <!-- //头部导航栏 -->
<header>
    <nav class="navbar navbar-default navbar-inverse">
        <div class="container">

          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">LOL管理系统 <span class="sr-only">(current)</span></a></li>
              <li><a href="#">商品</a></li>
              <li><a href="#">价格</a></li>
            </ul>
            
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">登录</a></li>
              <li><a href="#">注册</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
</header>
<!-- 内容部分 -->
<section class="container">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    添加商品
  </button>
<table class="table-list mgt40 table table-bordered table-striped table-hover table-condensed">
<thead>
<tr>
    <th>编号</th>
    <th>商品名称</th>
    <th>商品价格</th>
    <th>商品数量</th>
    <th>操作</th>
</tr>
</thead>

<tbody id="tb-list">
    <p id="info2" class="text-center"></p>
<!-- 
    <tr data-id="shop.id">
        <th>1</th>
        <th><span>驯龙女巫 婕拉</span>
            <input type="text">
        </th>
        <th><span>79.00 </span>
            <input type="number" min="0">
        </th>
        <th><span>100</span>
            <input type="number" min="0">
        </th>
        <th>
    <button class="btn btn-success">编辑</button>
    <button class="btn btn-danger" >删除</button>
    <button class="btn btn-primary btn-ok">确认</button>
    <button class="btn btn-warning btn-no">取消</button>
        </th>
        </tr>
 -->

</tbody>
  </table>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加商品</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" method="GET">
            <div class="form-group">
              <label for="inputname" class="col-sm-2 control-label">商品名称</label>
              <div class="col-sm-10">
                <input type="text" name="name" class="form-control" id="inputname" placeholder="请输入商品名称">
              </div>
            </div>
            <div class="form-group">
                <label for="inputprise" class="col-sm-2 control-label">商品价格</label>
                <div class="col-sm-10">
                  <input type="number" name="prise" class="form-control" id="inputprise" placeholder="请输入商品价格">
                </div>
              </div>    
                    <div class="form-group">
                <label for="inputnum"  class="col-sm-2 control-label">商品数量</label>
                <div class="col-sm-10">
                  <input type="number" name="num" class="form-control" id="inputnum" placeholder="请输入商品数量">
                </div>
              </div>
          
          </form>
          <p id="info" class="text-center"></p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="btnadd">保存</button>
      </div>
    </div>
  </div>
</div>
</section>
<script src="./js/select.js"></script>
<script src="./js/add.js"></script>
<script src="./js/del.js"></script>
</body> 
</html>

